<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
    <head>
        <title>LOOKWIDER.COM</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <link rel="stylesheet" type="text/css" href="reset.css" />
        <link rel="stylesheet" type="text/css" href="metrostyle/css/modern.css"/>
        <link rel="stylesheet" type="text/css" href="metrostyle/css/modern-responsive.css"/>
        <link rel="stylesheet" href="chosen/chosen.css"/>
        <link rel="stylesheet" href="graphics/morris/morris.css"/>

        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript"src="graphics/raphael.js"></script>
        <script type="text/javascript"src="graphics/morris/morris.js"></script>
        <script type="text/javascript" src="chosen/chosen.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/dropdown.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/accordion.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/buttonset.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/carousel.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/input-control.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/pagecontrol.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/rating.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/slider.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/tile-slider.js"></script>
        <script type="text/javascript" src="metrostyle/javascript/tile-drag.js"></script>
        <script type="text/javascript" src="edeploy/tiledeploy.js"></script>

    </head>
    <body class="modern-ui" onload="prettyPrint()" style="zoom: 1;">

    <div class="topbar">
        <div class="nav-bar bg-color-lighten">

        <div class="nav-bar-inner padding10">
           <span class="pull-menu"></span>
            <a href="index.html">
                <span class="element brand"><img src="FrameElements/SecondTopBar/LOOKWIDERCOM.png"/></span>
            </a>
            <div class="divider"></div>
            <ul class="menu">

                <li>
                    <a href="settings.html" style="color: black;">Моя Страница</a>
                </li>
                <li>
                    <a href="messages.html" style="color: black;">Сообщения</a>
                </li>
                <li>
                    <a href="#" style="color: black;">Выйти</a>
                </li>
                <li style="color: black; margin-left: 350px;">

                    <select data-placeholder="Житомир" style="width:350px;" class="chzn-select" tabindex="5">
                        <option value=""></option>
                        <optgroup label="Украина">
                            <option>Житомир</option>
                            <option>Киев</option>
                            <option>Днепропетровс</option>
                            <option>Харьков</option>
                        </optgroup>
                                <optgroup label="Россия">
                                    <option>Москва</option>
                                    <option>Санкт-Петербург</option>
                                    <option>Воронеж</option>
                                    <option>Новосибирск</option>
                                </optgroup>
                                </select>

                </li>
                <li><a/></li>
                <li class="divider"></li>
                <li><a /></li>
            </ul>

        </div>
            </div>

    </div>

<div class="clearfix"></div>
    <div class="sidebar">
        <div class="span3 bg-color-blue" style="line-height: 36px;"><a href="#"> &nbsp + Заведение</a>

        </div>
        <div class="span3 bg-color-green" style="line-height: 36px;"><a href="#"> &nbsp + Резидент</a>

        </div>
        <div class="span3 bg-color-purple" style="line-height: 36px;"><a href="#"> &nbsp + Квест</a>

        </div>
            <div class="clearfix"></div>
           <div class="toprated" style="width: 100%">
                    <h3>ТОП Профессионалы</h3>
                <div class="sidebartopper">
               <div class="span3 bg-color-blue">
                   <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                    <a href="personalpage">Ололошкин Брандабарман</a>
                   <div class="rating small"data-role="rating" data-param-vote="off" data-param-rating="5"style="float: right;"></div>
                   <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                   <div class="clearfix"></div>
                   <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
               </div>

                   <div class="sidebartopper">
                   <div class="span3 bg-color-blue">
                       <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                       <a href="personalpage">Ололошкин Брандабарман</a>
                       <div class="rating small"data-role="rating" data-param-vote="off" data-param-rating="5"style="float: right;"></div>
                       <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                       <div class="clearfix"></div>
                       <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
                   </div>
                   </div>

                    <div class="sidebartopper">
                        <div class="span3 bg-color-blue">
                            <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                            <a href="personalpage">Ололошкин Брандабарман</a>
                            <div class="rating small"data-role="rating" data-param-vote="off" data-param-rating="5"style="float: right;"></div>
                            <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                            <div class="clearfix"></div>
                            <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
                        </div>
                    </div>

                    <div class="sidebartopper">
                        <div class="span3 bg-color-blue">
                            <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                            <a href="personalpage">Ололошкин Брандабарман</a>
                            <div class="rating small"data-role="rating" data-param-vote="off" data-param-rating="5"style="float: right;"></div>
                            <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                            <div class="clearfix"></div>
                            <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
                        </div>
                    </div>

                    <div class="sidebartopper">
                        <div class="span3 bg-color-blue">
                            <img src="FrameElements/SideBar/ava.jpg" style="padding-top: 5px; float: left;padding-right: 10px;"/>
                            <a href="personalpage">Ололошкин Брандабарман</a>
                            <div class="rating small"data-role="rating" data-param-vote="off" data-param-rating="5"style="float: right;"></div>
                            <div class="karma" style="float: right; margin-right: 10px;">11235813</div>
                            <div class="clearfix"></div>
                            <div class="establishment"><a href="Placecommon-relayout.html">Кабак "Кузька"</a></div>
                        </div>
                    </div>

             </div>

        </div>
    </div>

    <div class="contentframe">
<div id="tohide">
        <div class="topbar bg-color-blueLight " style="padding-top:5px;" data-param-period="15000">


            <div class="input-control text span4" style="float: left; margin-left: 100px;">
                <input type="text" class="with-helper" />
                <button class="helper"></button>
            </div>
            <input type="submit" value="Искать"/>
            <div class="clearfix"></div>
        </div>
        <div class="explace bg-color-grayDark">
            <div class="toplace">
                <a href="#">
            <i class="icon-arrow-left-3" style="font-size: 35px;"><div id="vert">Заведение</div></i>
                </a>
            </div>
        </div>
        <div class="col right">


            <h2 style="text-align: center;">Отзывы:</h2>

            <div class="reviews">

                <div class="review">
                  <ul class="replies">
                    <li class="bg-color-blueLight">
                        <b class="sticker sticker-left sticker-color-blueLight"></b>
                        <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                        <div class="reply">
                            <div class="date" style="color: #000000">13.03.2013</div>
                            <div class="author" style="color: #000000">Пупкин Василий</div>
                            <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                        </div>
                    </li>
                </ul>
                </div>
                <div class="review">
                    <ul class="replies">
                        <li class="bg-color-blueLight">
                            <b class="sticker sticker-left sticker-color-blueLight"></b>
                            <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                            <div class="reply">
                                <div class="date" style="color: #000000">13.03.2013</div>
                                <div class="author" style="color: #000000">Пупкин Василий</div>
                                <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                            </div>
                        </li>
                    </ul>
                </div><div class="review">
                <ul class="replies">
                    <li class="bg-color-blueLight">
                        <b class="sticker sticker-left sticker-color-blueLight"></b>
                        <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                        <div class="reply">
                            <div class="date" style="color: #000000">13.03.2013</div>
                            <div class="author" style="color: #000000">Пупкин Василий</div>
                            <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                        </div>
                    </li>
                </ul>
            </div><div class="review">
                <ul class="replies">
                    <li class="bg-color-blueLight">
                        <b class="sticker sticker-left sticker-color-blueLight"></b>
                        <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                        <div class="reply">
                            <div class="date" style="color: #000000">13.03.2013</div>
                            <div class="author" style="color: #000000">Пупкин Василий</div>
                            <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                        </div>
                    </li>
                </ul>
            </div><div class="review">
                <ul class="replies">
                    <li class="bg-color-blueLight">
                        <b class="sticker sticker-left sticker-color-blueLight"></b>
                        <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                        <div class="reply">
                            <div class="date" style="color: #000000">13.03.2013</div>
                            <div class="author" style="color: #000000">Пупкин Василий</div>
                            <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                        </div>
                    </li>
                </ul>
            </div><div class="review">
                <ul class="replies">
                    <li class="bg-color-blueLight">
                        <b class="sticker sticker-left sticker-color-blueLight"></b>
                        <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                        <div class="reply">
                            <div class="date" style="color: #000000">13.03.2013</div>
                            <div class="author" style="color: #000000">Пупкин Василий</div>
                            <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                        </div>
                    </li>
                </ul>
            </div>



            </div>


<div class="clearfix"></div>

        </div>

        <div class="col left">
        <div class="resident">
            <img src="FrameElements/SideBar/avatarful.jpg" style="float: left;"/>
            <h2>Ололошкин Брандарбарман</h2>


            <div class="rating"data-role="rating" data-param-vote="off" data-param-rating="3.6"style="float: left;"></div>
            <div class="karma">11235813</div>



       </div>
        <div class="clearfix"/>
        <table style="width: 70%; margin-top: 50px;">
            <tr>
                <td>1. Профессионализм</td><td><div class="rating"data-role="rating" data-param-vote="on" data-param-rating="4"style="float: left;"></div></td>
            </tr>
            <tr>
                <td>2. Опрятность</td><td><div class="rating"data-role="rating" data-param-vote="on" data-param-rating="2"style="float: left;"></div></td>
            </tr>
            <tr>
                <td>3. Харизма</td><td><div class="rating"data-role="rating" data-param-vote="on" data-param-rating="5"style="float: left;"></div></td>
            </tr>

        </table>
            График профессионального роста
            <div id="myfirstchart" style="height: 250px;"></div>

        </div>



    </div>



    </div>
    <div class="placeslide">

        <div class="toresident bg-color-grayDark">
            <div class="fromplace">
                <a href="#"><i class="icon-arrow-right-3" style="font-size: 35px;"></i><div id="vert1">Резидент</div> </a>
            </div>
        </div>

        <div class="place left">
            <img src="FrameElements/SideBar/avatarful.jpg" style="padding: 5px;float: left;"/>
            <h2>Кабак "Кузька"</h2>
            <div class="karma">11235813</div>
            <div class="rating"data-role="rating" data-param-vote="off" data-param-rating="4"style="float: left;"></div>
            <table style="width: 60%">
                <tr>
                    <td>1. Атмосфера</td><td><div class="rating"data-role="rating" data-param-vote="on" data-param-rating="2"style="float: left;"></div></td>
                </tr>
                <tr>
                    <td>2. Чистота</td><td><div class="rating"data-role="rating" data-param-vote="on" data-param-rating="5"style="float: left;"></div></td>
                </tr>
                <tr>
                    <td>3. Обслуживание</td><td><div class="rating"data-role="rating" data-param-vote="on" data-param-rating="5"style="float: left;"></div></td>
                </tr>
                <tr>
                    <td>4. Персонал</td><td><div class="rating"data-role="rating" data-param-vote="on" data-param-rating="4"style="float: left;"></div></td>
                </tr>
            </table>

            График профессионального роста
            <div id="mysecondchart" style="height: 250px; width: 500px;"></div>

        </div>
        <div class="place right">
            <h2 style="text-align: center;">Отзывы:</h2>

            <div class="reviews">

                <div class="review">
                    <ul class="replies">
                        <li class="bg-color-blueLight">
                            <b class="sticker sticker-left sticker-color-blueLight"></b>
                            <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                            <div class="reply">
                                <div class="date" style="color: #000000">13.03.2013</div>
                                <div class="author" style="color: #000000">Пупкин Василий</div>
                                <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="review">
                    <ul class="replies">
                        <li class="bg-color-blueLight">
                            <b class="sticker sticker-left sticker-color-blueLight"></b>
                            <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                            <div class="reply">
                                <div class="date" style="color: #000000">13.03.2013</div>
                                <div class="author" style="color: #000000">Пупкин Василий</div>
                                <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                            </div>
                        </li>
                    </ul>
                </div><div class="review">
                <ul class="replies">
                    <li class="bg-color-blueLight">
                        <b class="sticker sticker-left sticker-color-blueLight"></b>
                        <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                        <div class="reply">
                            <div class="date" style="color: #000000">13.03.2013</div>
                            <div class="author" style="color: #000000">Пупкин Василий</div>
                            <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                        </div>
                    </li>
                </ul>
            </div><div class="review">
                <ul class="replies">
                    <li class="bg-color-blueLight">
                        <b class="sticker sticker-left sticker-color-blueLight"></b>
                        <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                        <div class="reply">
                            <div class="date" style="color: #000000">13.03.2013</div>
                            <div class="author" style="color: #000000">Пупкин Василий</div>
                            <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                        </div>
                    </li>
                </ul>
            </div><div class="review">
                <ul class="replies">
                    <li class="bg-color-blueLight">
                        <b class="sticker sticker-left sticker-color-blueLight"></b>
                        <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                        <div class="reply">
                            <div class="date" style="color: #000000">13.03.2013</div>
                            <div class="author" style="color: #000000">Пупкин Василий</div>
                            <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                        </div>
                    </li>
                </ul>
            </div><div class="review">
                <ul class="replies">
                    <li class="bg-color-blueLight">
                        <b class="sticker sticker-left sticker-color-blueLight"></b>
                        <div class="avatar"><img src="FrameElements/SideBar/ava.jpg"/></div>
                        <div class="reply">
                            <div class="date" style="color: #000000">13.03.2013</div>
                            <div class="author" style="color: #000000">Пупкин Василий</div>
                            <div class="text" style="color: #000000">Ололошкин Брандарбарман оказался отличным мужиком, хотя на вид и бугай</div>
                        </div>
                    </li>
                </ul>
            </div>



            </div>


        </div>
    </div>


    <div class="more bg-color-lighten" style="clear: both;"><a href="#">
        <i class="icon-arrow-down-2"style="font-size: 20px; color: black;"></i></a>
    </div>

        <div class="topbar" style="text-align: right;">
            ©2012-2013 LOOKWIDER.COM
        </div>



    </body>
<script>
    new Morris.Line({
        // ID of the element in which to draw the chart.
        element: 'myfirstchart',
        // Chart data records -- each entry in this array corresponds to a point on
        // the chart.
        data: [
            { month: '2012-02', Профессионализм: 5, Опрятность:3, Харизма: 4},
            { month: '2012-03', Профессионализм: 2, Опрятность:4, Харизма: 4 },
            { month: '2012-04', Профессионализм: 3, Опрятность:4, Харизма: 4 },
            { month: '2012-05', Профессионализм: 5, Опрятность:2, Харизма: 5 },
            { month: '2012-06', Профессионализм: 2, Опрятность:5, Харизма: 5 }
        ],
        // The name of the data record attribute that contains x-values.
        xkey: 'month',
        // A list of names of data record attributes that contain y-values.
        ykeys: ['Профессионализм', 'Опрятность','Харизма'],
        // Labels for the ykeys -- will be displayed when you hover over the
        // chart.
        labels: ['Профессионализм','Опрятность','Харизма'],
        xLabels: ["month"]
    });
</script>
    <script>
        new Morris.Line({
            // ID of the element in which to draw the chart.
            element: 'mysecondchart',
            // Chart data records -- each entry in this array corresponds to a point on
            // the chart.
            data: [
                { month: '2012-02', Атмосфера: 5, Чистота:3, Обслуживание: 5, Персонал: 5},
                { month: '2012-03', Атмосфера: 2, Чистота:3, Обслуживание: 2, Персонал: 3},
                { month: '2012-04', Атмосфера: 3, Чистота:4, Обслуживание: 2, Персонал: 3},
                { month: '2012-05', Атмосфера: 5, Чистота:4, Обслуживание: 3, Персонал: 3},
                { month: '2012-06', Атмосфера: 4, Чистота:4, Обслуживание: 3, Персонал: 3}
            ],
            // The name of the data record attribute that contains x-values.
            xkey: 'month',
            // A list of names of data record attributes that contain y-values.
            ykeys: ['Атмосфера', 'Чистота','Обслуживание','Персонал'],
            // Labels for the ykeys -- will be displayed when you hover over the
            // chart.
            labels: ['Атмосфера','Чистота','Обслуживание','Персонал'],
            xLabels: ["month"]
        });
    </script>
    <script type="text/javascript">
        $(".chzn-select").chosen();
        $(".chzn-select-deselect").chosen({allow_single_deselect:true});
    </script>
</html>
